<ion-content>
    <vg-player (onPlayerReady)="onPlayerReady($event)">
        <vg-overlay-play></vg-overlay-play>
        <vg-buffering></vg-buffering>

        <vg-scrub-bar>
            <vg-scrub-bar-current-time></vg-scrub-bar-current-time>
            <vg-scrub-bar-buffering-time></vg-scrub-bar-buffering-time>
        </vg-scrub-bar>

        <vg-controls>
            <vg-play-pause></vg-play-pause>
            <!-- <vg-playback-button></vg-playback-button> -->

            <vg-time-display vgProperty="current" vgFormat="mm:ss"></vg-time-display>
            <vg-time-display vgProperty="total" vgFormat="mm:ss"></vg-time-display>

            <vg-scrub-bar style="pointer-events: none;"></vg-scrub-bar>

            <!-- <vg-time-display vgProperty="left" vgFormat="mm:ss"></vg-time-display> -->
            <!-- <vg-time-display vgProperty="total" vgFormat="mm:ss"></vg-time-display> -->

            <!-- <vg-track-selector></vg-track-selector> -->
            <!-- <vg-mute></vg-mute> -->
            <!-- <vg-volume></vg-volume> -->

            <vg-fullscreen></vg-fullscreen>
        </vg-controls>

        <video style="width:100%" [vgMedia]="media" #media id="singleVideo" preload="auto">
            <source [src]="config.sources[0].src" type="video/mp4">
        </video>
    </vg-player>

    <div class="back">
        <span (click)="closeModal();$event.stopPropagation();">
            <img src="assets/imgs/return.svg" alt="">
        </span>
        <label>{{ config.title }}</label>
    </div>

    <div class="detection">
        {{ config.message }}
    </div>
</ion-content>